<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
	href="resourse/nav/css/htmleaf-demo.css">
<link rel="stylesheet" type="text/css"
	href="resourse/nav/css/nav.css">
<link rel="stylesheet" type="text/css"
	href="resourse/nav/fonts/iconfont.css">
</head>
<body>
	<%@ include file="../common/header.jsp"%>
	<div class="nav">
		<div class="nav-top">
			<div id="mini"
				style="border-bottom: 1px solid rgba(255, 255, 255, .1)">
				<img src="<%=path%>/resourse/nav/images/mini.png">
			</div>
		</div>
		<ul>
			<li class="nav-item"><a href="javascript:;"><i
					class="my-icon nav-icon icon_1"></i><span>网站配置</span><i
					class="my-icon nav-more"></i></a>
				<ul>
					<li><a href="javascript:;"><span>网站设置</span></a></li>
					<li><a href="javascript:;"><span>友情链接</span></a></li>
					<li><a href="javascript:;"><span>分类管理</span></a></li>
					<li><a href="javascript:;"><span>系统日志</span></a></li>
				</ul></li>
			<li class="nav-item"><a href="javascript:;"><i
					class="my-icon nav-icon icon_2"></i><span>文章管理</span><i
					class="my-icon nav-more"></i></a>
				<ul>
					<li><a href="javascript:;"><span>站内新闻</span></a></li>
					<li><a href="javascript:;"><span>站内公告</span></a></li>
					<li><a href="javascript:;"><span>登录日志</span></a></li>
				</ul></li>
			<li class="nav-item"><a href="javascript:;"><i
					class="my-icon nav-icon icon_3"></i><span>订单管理</span><i
					class="my-icon nav-more"></i></a>
				<ul>
					<li><a href="javascript:;"><span>订单列表</span></a></li>
					<li><a href="javascript:;"><span>打个酱油</span></a></li>
					<li><a href="javascript:;"><span>也打酱油</span></a></li>
				</ul></li>
		</ul>
	</div>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>海科安全信息平台</h1>
			<!-- 			<div class="htmleaf-links"></div> -->
		</header>
		<!-- 		<div class="related"> -->
		<!-- 			<h3>如果你喜欢这个插件，那么你可能也喜欢:</h3> -->
		<!-- 			<a -->
		<!-- 				href="http://www.htmleaf.com/jQuery/Menu-Navigation/201710174783.html"> -->
		<!-- 				<img src="related/1.jpg" width="300" alt="js侧边栏菜单插件canvi" /> -->
		<!-- 				<h3>js侧边栏菜单插件canvi</h3> -->
		<!-- 			</a> <a -->
		<!-- 				href="http://www.htmleaf.com/jQuery/Menu-Navigation/201707034607.html"> -->
		<!-- 				<img src="related/2.jpg" width="300" alt="jquery侧边栏插件sideToggle" /> -->
		<!-- 				<h3>jquery侧边栏插件sideToggle</h3> -->
		<!-- 			</a> -->
		<!-- 		</div> -->
	</div>
	<div id="tt" class="easyui-tabs" data-options="tools:'#tab-tools'"
		style="width: 900px; height: 250px;padding:0 0 0 200px;"></div>
	<div id="tab-tools">
		<a href="javascript:void(0)" class="easyui-linkbutton"
			data-options="plain:true,iconCls:'icon-add'" onclick="addPanel()"></a>
		<a href="javascript:void(0)" class="easyui-linkbutton"
			data-options="plain:true,iconCls:'icon-remove'"
			onclick="removePanel()"></a>
	</div>
	<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"
		type="text/javascript"></script>
	<script type="text/javascript" src="resourse/nav/js/nav.js"></script>
<script type="text/javascript">
        var index = 0;
        function addPanel(){
            index++;
            $('#tt').tabs('add',{
                title: 'Tab'+index,
                content: '<div style="padding:10px">Content'+index+'</div>',
                closable: true
            });
        }
        function removePanel(){
            var tab = $('#tt').tabs('getSelected');
            if (tab){
                var index = $('#tt').tabs('getTabIndex', tab);
                $('#tt').tabs('close', index);
            }
        }
    </script>
</body>
</html>